자바스크립트 동작원리 (엔진, 런타임, 이벤트 루프)

JavaScript는 싱글스레드? Javascript는 싱글스레드로 동작하는 언어입니다. 메인 스레드, 하나의 스레드로 구성되어 있기 때문입니다. 위의 그림처럼 Javascript의 엔진은 메모리 힙(memory heap)과 콜스택(call stack)으로 구성되어 있습니다. memory heap: 메모리 할당이 일어나는 곳 call stack: 코드가 호출되면서, 스택으로 쌓이는 곳 호출 ...

JavaScriptevent loopJavaScript

이벤트 루프, 넌 누구냐

하나의 프로세스가 여러 스레드로 나뉠 수 있다. 콜 스택에 들어가기 전에 setTimeout, 사용자 이벤트 콜백 등이 저장되는 큐 브라우저의 이벤트 루프는 메인 스레드 동작 타이밍을 관리하는 관리자라고 할 수 있다. 브라우저 동작 특징을 알아보면서 이벤트 루프가 중요한 이유를 알아보자. 1. 브라우저 동작의 대부분이 메인 스레드에서 싱글 스레드로 실행된다. 여기서 메인 스레드가 싱글 스레드...

event loopJavaScriptJavaScript

[JS] 비동기 - Promise와 fetch API, Event Loop

fetch function은 바로 promise를 return한다는 특징을 가지고 있다. Promise : Promise 객체는 동기 작업으로 인한 미래의 성공 또는 실패와 그 결과 값을 나타낸다. 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있다. 프로미스를 사용하면 비동기 ...

asynchronousFetchpromiseevent loopFetch

Javascript 근본부터 알아보자

요즘 면접을 보러 다니면서 하고자 하는 언어에 대한 '근본적인것부터 공부 해야겠다'라는 생각을 하게 되어 글을 적게 되었다. 한번에 하나의 작업만 수행할 수 있는데 '어떻게 동시성을 가질 수 있을까?' 하는 거였다. V8 Javascript engine 모든 브라우저는 Javascript 코드를 실행하기 위해 Javascript Engine을 제공하는데 제일 많이 사용되는 Google의 V8...

JavaScriptcallbackevent loopJavaScript